// 定义服务器主机地址和端口
const host = 'http://localhost:3000';

//定义一个函数，重新加载商品列表
function sel() {
    //清空现在的商品列表
    $('.storelist > tr').remove();
    init();
}

//定义一个函数，跳转到添加商品的页面
function add() {
    location.href = './storeAddOrEdit.html';
}

//定义一个函数，跳转到编辑商品界面，并传递当前商品ID
function edit(id) {
    location.href = `./storeAddOrEdit.html?id=${id}`
}

//定义一个函数，用于删除指定ID的商品
function del(id) {
    if (confirm('你确定要删除这个商品吗？')) {
        axios.delete(`${host}/store/${id}`).then(res =>{
            if (res.data.code === 1000) {
                alert('删除成功！')
                sel()
            }
        }).catch(error => {
            console.error('删除商品时出错：',error);
            
        })
    }
}

const init = function () {
    const keyword = document.querySelector('input[name=keyword]').value.trim()
    
    axios.get(`${host}/store?keyword=${keyword}`)
    .then(res =>{
        if (res.data && res.data.data) {
            const data = res.data.data
            
            const html = data.map(item => 
                `
                <tr>
                    <td>${item.Id}</td>
                    <td>${item.storeName}</td>
                    <td>${item.price}</td>
                    <td>${item.stock}</td>
                    
                    <td>
                        <input type="button" value="编辑" onclick="edit(${item.Id})">
                        <input type="button" value="删除" onclick="del(${item.Id})">
                    </td>
                
                </tr>    
                `
            ).join('');
            $('.storelist').append(html)
        }else{
            console.error('相应数据格式不正确：',res.data);
            
        }
    })
    .catch(error => {
        console.error('加载商品列表时发生错误：',error);
        alert("加载商品列表时发生错误，请稍后重试！")
    })
}

init();